<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<!-- 网页使用的语言 -->
<html lang="zh-CN">
    <head>

        <!-- 指定字符集 -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>修改用户</title>

        <link href="css/bootstrap.min.css" rel="stylesheet">
        <script src="js/jquery-2.1.0.min.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <script src="validate/jquery-1.11.0.min.js"></script>
        <script src="validate/jquery.validator.min.js"></script>
        <script src="validate/local/zh-CN.js"></script>
        <link href="validate/jquery.validator.css" rel="stylesheet">
    </head>
    <body>
        <div class="container" style="width: 400px;">
        <h3 style="text-align: center;">修改联系人</h3>

        <form action="${pageContext.request.contextPath}/userServlet?method=update" method="post">

            <input type="hidden" name="id" value="${u.id}">

          <div class="form-group">
            <label for="name">姓名：</label>
            <input type="text" class="form-control" id="name" name="name" data-rule="用户名:required;length[2~10]" value="${u.name}"  placeholder="请输入姓名" />
          </div>

          <div class="form-group">
            <label>性别：</label>
              <input type="radio" name="gender" value="男"  ${u.gender == '男' ? "checked" : ""} />男
                <input type="radio" name="gender" value="女"  ${u.gender == '女' ? "checked" : ""}/>女
          </div>

          <div class="form-group">
            <label for="age">年龄：</label>
            <input type="text" class="form-control" id="age" data-rule="年龄:required;range[1~150]" value="${u.age}"  name="age" placeholder="请输入年龄" />
          </div>

          <div class="form-group">
            <label for="address">籍贯：</label>
             <select name="address" class="form-control" >
                <option value="广东" ${u.address == "广东" ? "selected" : ""}>广东</option>
                <option value="广西" ${u.address == "广西" ? "selected" : ""}>广西</option>
                <option value="湖南" ${u.address == "湖南" ? "selected" : ""}>湖南</option>
            </select>
          </div>

          <div class="form-group">
            <label for="qq">QQ：</label>
            <input type="text" class="form-control" data-rule="QQ:required;qq" value="${u.qq}" name="qq" placeholder="请输入QQ号码"/>
          </div>

          <div class="form-group">
            <label for="email">Email：</label>
            <input type="text" class="form-control" data-rule="邮箱:required;email" value="${u.email}" name="email" placeholder="请输入邮箱地址"/>
          </div>

             <div class="form-group" style="text-align: center">
                <input class="btn btn-primary" type="submit" value="提交" />
                <input class="btn btn-default" type="reset" value="重置" />
                <input class="btn btn-default" type="button" value="返回" onclick="javascript:history.go(-1)"/>
             </div>
        </form>
        </div>
    </body>
</html>